/* dd{
    border:2px solid blue;
}
dl{
    border:2px solid red;
}
dt{
    border:2px solid purple;
} */


/* I decided to use this height for the images since they all have different dimensions */
img{
    height:400px;
}

#labwrap {
	width: 80%;
	margin: 0 auto;
	}
    
    #labwrap dl {	
        margin-top: 2em;
        }
	
/* cosmetics */
#labwrap dt {	
	font-size: 1.8em;
	font-weight: bold;
	text-align: right;
    float: right;
    width: 75%;
    border-bottom: 3px solid black;
	}

    #labwrap dd.dlimg {
        float: left;
        width: 25%;
	margin-left: 0;
    margin-top: 2em;
        }

        #labwrap dd {
            margin-left: 27%;
            }
            
        #labwrap dd.dlimg img {
            width: 100%;
        }

        dl {
            overflow: auto;
        }


        /* the css below is for the description of each image,  */
        dd.desc{
            clear: both;    /*clear is used to bring text down to its respective dt*/
            margin-top: -250px;   /*margin top has a negative value to bring the text upwards, to get rid of the empty space*/
        }

        #labwrap dd {	
            float: right;
            
            }